window.onload = function () {
    /* 
        头部导航元素的子菜单
    */
    // 获取导航列表
    var navList = document.getElementById('navList');
    // 获取导航列表的父元素
    var navListParent = navList.parentNode;
    // 获取导航列表的父元素的父元素
    var navListParentParent = navListParent.parentNode;
    // 获取导航列表的子菜单（导航列表父元素的下一个兄弟元素节点）
    var navSub = navListParentParent.nextElementSibling;
    navList.onmouseenter = function () {
        navSub.style.display = 'block';
        navSub.onmouseenter = function () {
            this.style.display = 'block';
        }
        navSub.onmouseleave = function () {
            this.style.display = 'none';
        }
    }
    // navList.onmouseleave = function () {
    //         navSub.style.display = 'none';
    // }
}